.headergray {
    width: 100%;
    height: 30px;
    background-color: #e3e4e5;
}

.headergray .container {
    margin: 0 auto;
    width: 1190px;
}

.headergray .container .myposion {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 60px;
    height: 30px;
    text-align: center;
    font-size: 12px;
    color: #a7a7a7;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #e3e4e5;
    border-bottom: none;
    z-index: 9;
}

/* 定位 小图标 */
.headergray .container .myposion img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.headergray .container .myposion a {
    color: #a7a7a7;

}

.headergray .container .myposion:hover {
    background-color: #fff;
    border-color: #ccc;

}

/* 位置二级导航栏 */
.g_second_nav {
    position: absolute;
    top: 30px;
    left: -1px;
    width: 360px;
    height: 500px;
    border: 1px solid #e3e4e5;
    border-top: none;
    background-color: #fff;
    display: none;

}

/* 鼠标经过显示二级导航栏 */
.headergray .container .myposion:hover .g_second_nav {
    display: block;
}

/* 对二级导航栏的top进行样式设置 */
.g_second_nav .top {
    margin-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px dotted #e4e1e1;

}

.g_second_nav .top ul {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
}

.g_second_nav .top ul li {
    flex: 0 1 20%;
}

.g_second_nav .top ul li a {
    display: inline-block;
    width: 65%;
    height: 90%;
    color: #999999;
}

.g_second_nav .top ul li a:hover {
    background-color: #f4f4f4;
    color: #f10214;
}

.g_second_nav .top ul li .isyou {
    background-color: #f10214;
    color: #fff;
}

/* 中间盒子 */
.g_second_nav .center {
    width: 100%;
    border-bottom: 1px dotted #e4e1e1;
    margin-top: 8px;
    padding-bottom: 8px;
}

.g_second_nav .center span {
    float: left;
    font-size: 12px;
    color: #999999;
    margin-left: 24px;
}

.g_second_nav .center ul {
    width: 100%;
    overflow: hidden;
}

.g_second_nav .center ul li {
    box-sizing: border-box;
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 24px;
}

.g_second_nav .center ul li a {
    color: #999999;

}

.g_second_nav .center ul li a:hover {
    color: #f10214;

}

/* 底部盒子 */
.g_second_nav .bottom {
    width: 100%;
    margin-top: 8px;
}

.g_second_nav .bottom span {
    float: left;
    font-size: 12px;
    color: #999999;
    margin-left: 24px;
}

.g_second_nav .bottom ul {
    width: 100%;
    overflow: hidden;
}

.g_second_nav .bottom ul li {
    box-sizing: border-box;
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 24px;
}

.g_second_nav .bottom ul li a {
    color: #999999;

}

.g_second_nav .bottom ul li a:hover {
    color: #f10214;

}


/* 右侧导航栏 */
.header_nav {
    height: 30px;
    float: right;
    font-size: 12px;
    color: #a7a7a7;


}

.header_nav li {
    position: relative;
    float: left;

}

.header_nav span {
    float: left;
    display: inline-block;
    background-color: #ccc;
    width: 1px;
    height: 10px;
    margin: 11px 5px 0
}

.header_nav li a {
    box-sizing: border-box;
    display: inline-block;
    color: #a7a7a7;
    line-height: 30px;
    padding: 0 7px;
    height: 30px;
    border: 1px solid #e3e4e5;
}

.header_nav li:nth-child(1) .first {
    padding: 0;
}

.header_nav li:nth-child(1) .jd_register {
    padding: 0;
}

.header_nav li:nth-child(1) a:nth-child(2) {
    padding-right: 7px;
}

/* 设置字体图标 */
.header_nav li i {
    font-size: 12px;
}

.header_nav li a:hover {
    color: #f10215;
}

/* 对免费注册特殊处理字体 */
.header_nav li .jd_register {
    color: #f10215;

}

/* 对我的京东进行样式设置 */
.header_nav li:nth-child(3):hover a {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;

}

/* 我的京东二级菜单栏 */
.myjd {
    position: absolute;
    top: 0;
    left: 11px;
    margin-top: 30px;
    width: 250px;
    height: 150px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
    z-index: 99;

}

/* 鼠标经过时候让这个二级菜单栏显示出来 */
.header_nav li:nth-child(3):hover .myjd {
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

.header_nav li .myjd ul li a {
    border: 0 !important;
}

.header_nav li .myjd .top {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #e4e1e1;
    padding: 10px 0;
}

.header_nav li .myjd .bottom {
    width: 100%;
    overflow: hidden;


}

.header_nav li .myjd ul {
    width: 100%;

}

.header_nav li .myjd ul li {
    height: 25px;
    width: 50%;
}

/* 企业采购二级导航栏样式设置 */
.header_nav li:nth-child(5):hover a {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;

}

.second_nav {
    position: absolute;
    top: 30px;
    left: 11px;
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    display: none;
    z-index: 9;
}

/* 去掉各个a的边框 */
.second_nav ul li a {
    border: none;
}

.header_nav li:nth-child(5):hover .second_nav a {
    border: none;

}

/* 鼠标经过显示二级导航栏 */
.header_nav li:nth-child(5):hover .second_nav {
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

/* 客户服务二级导航栏 */
.header_nav li:nth-child(6):hover a:nth-child(1) {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
}

.k_second_nav {
    position: absolute;
    right: 15px;
    width: 158px;
    height: 310px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
    z-index: 9;
}

/* 上部分 */
.k_second_nav .top {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #e4e1e1;
}

.k_second_nav .top h6 {
    margin: 12px 0 3px 6px;
    color: #676767;
}

.k_second_nav .top ul {
    width: 100%;
}

.k_second_nav .top ul li {
    width: 50%;
}

/* 去除a边框 */
.k_second_nav a {
    border: none !important;
}

/* 下部分 */
.k_second_nav .bottom {
    width: 100%;
    overflow: hidden;
}

.k_second_nav .bottom h6 {
    margin: 12px 0 3px 6px;
    color: #676767;
}

.k_second_nav .bottom ul {
    width: 100%;
}

.k_second_nav .bottom ul li {
    width: 50%;
}

/* 当鼠标经过时候让二级导航栏显示 */
.header_nav li:nth-child(6):hover .k_second_nav {
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

/* 网站导航二级导航栏 */
.header_nav li:nth-child(7):hover a {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
}

.w_second_nav {
    position: absolute;
    right: -75px;
    width: 1200px;
    height: 190px;
    border: 1px solid #ccc;
    border-top: none;
    display: flex;
    display: none;
    background-color: #fff;
    z-index: 999;
}

.w_second_nav div {
    box-sizing: border-box;
    width: 25%;
    height: 100%;
}

/* 去除a边框 */
.w_second_nav div a {
    border: none !important;
}

.w_second_nav ul {
    width: 100%;
}

/* 有边框span设置 */
.w_second_nav span {
    float: right;
    width: 1px;
    height: 158px;
    margin-top: 18px;
    background-color: #ccc;
}



.w_second_nav h6 {
    margin: 12px 0 3px 6px;
    color: #676767;

}

/* 设置各个模块的布局 */

.w_second_nav .one ul li {
    width: 25%;
}

.w_second_nav .two ul li {
    width: 33.3%;
}

.w_second_nav .three ul li {
    width: 33.3%;

}

.w_second_nav .four ul li {
    width: 33.3%;

}

/* 鼠标划过显示二级导航栏 */
.header_nav li:nth-child(7):hover .w_second_nav {
    display: flex;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

/* 手机京东二级导航 */
/* 鼠标划过手机京东li 改变其样式 */
/* .header_nav li:nth-child(8):hover a {
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #fff;
} */

/* 清除二级导航栏当中的a的边框 */
.header_nav a {
    border: none !important;
}


.s_second_nav {
    position: absolute;
    right: -8px;
    width: 190px;
    height: 500px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    display: none;
    z-index: 999;
}

/* 倒三角制作 */
.sanjiao {
    position: absolute;
    right: 33px;
    top: -11px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 6px solid #fff;
}

/* 五大二维码 */
.s_second_nav ul {
    width: 100%;
}

.s_second_nav ul li {
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 100px;
}



/* 二维码样式设置 */
.ercode {
    float: left;
    width: 74px;
    height: 74px;
    margin-left: 8px;
    margin-top: 13px;
    border: 1px solid #ccc;
    background-color: #fff;

}

.ercode img {
    width: 100%;
    height: 100%;
}

/* 右边宣传语 */
.telling {
    float: left;
    width: 85px;
    height: 74px;
    /* background-color: red; */
    margin-left: 5px;
    margin-top: 13px;
}

.telling h6 {
    color: #666666;
}

.telling .new_info {
    color: #f10214;
}

/* 分别给三个链接添加背景图片 */
.header_nav li .telling a {
    display: inline-block;
}

.header_nav li .telling .power_apple {
    width: 25px;
    height: 25px;
    background-color: pink;
    background: url('../img/三个端精灵图.png') no-repeat;
}

.header_nav li .telling .power_android {
    width: 25px;
    height: 25px;
    background: url('../img/三个端精灵图.png') no-repeat;
    background-position: 0 -25px;
}

.header_nav li .telling .power_ipad {
    width: 25px;
    height: 25px;
    background: url('../img/三个端精灵图.png') no-repeat;
    background-position: 0 -50px;
}

/* 鼠标划过时，显示二级导航栏 */
.header_nav li:nth-child(8):hover .s_second_nav {
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

/* 右边二维码 */
.right_code {
    position: absolute;
    left: 7px;
    top: 35px;
    display: inline-block;
    box-sizing: border-box;
    width: 74px;
    height: 74px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    padding: 8px;
    z-index: 9;

}

.right_code img {
    width: 100%;
    height: 100%;
}